<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/facelets/templates/zona-privada-seguridad.xhtml">
	<ui:define name="title">Ingreso al Sistema </ui:define>
	<ui:define name="nameForm"> Sistema de venta de repuestos por internet </ui:define>

	<ui:define name="content">
		<f:metadata>
			<f:event type="preRenderView" listener="#{loginController.preRenderizacionLoginInterno}" />
		</f:metadata>
		<p:growl id="growl" showDetail="true" sticky="false" life="4500" globalOnly="true" />
			
		<h:form id="formLogin" prependId="false">
			<h:panelGroup layout="block" styleClass="bloque">

				<h:panelGroup id="divPersonIcon" layout="block" styleClass="divPersonIcon"/>
				
				<h:panelGroup layout="block" styleClass="divPanelGrid">
					<h:panelGrid columns="2">
					
						<h:outputLabel value="#{msg['login.usuario']}"/>
						<p:inputText id="usuario" value="#{loginController.usuario.usuario}" 
									 required="true" requiredMessage="#{msg['login.usuario.requerido']}" maxlength="30"/>
									 								
						<h:outputLabel value="#{msg['login.contrasenia']}"/>
						<p:password id="contrasenia" value="#{loginController.usuario.contrasenia}" 
									required="true" requiredMessage="#{msg['login.contrasenia.requerida']}" maxlength="30"/>		
													
					</h:panelGrid>
				</h:panelGroup>
					
				<h:panelGroup id="mensajes" layout="block" styleClass="panelMessages">
					<h:panelGrid>
						<p:message id="msgUsuario" for="usuario" />
						<p:message id="msgContrasenia" for="contrasenia" />
					</h:panelGrid>
				</h:panelGroup>
				
				<p:spacer height="25px"/>
				
				<h:panelGroup layout="block">
					<p:commandButton id="btnLogin" styleClass="butonSmall" icon="ui-icon-key"
									 type="Submit" action="#{loginController.iniciarSesionInterno}"
									 update=":growl,:formLogin" value="#{msg['sistema.ingresar']}" 
									 title="#{msg['sistema.ingresar']}" alt="#{msg['sistema.ingresar']}"/>
					<p:spacer width="10px" />
					<p:commandButton id="btnLimpiar" styleClass="butonSmall" icon="ui-icon-arrowrefresh-1-e"
									 value="#{msg['sistema.limpiar']}" action="#{loginController.limpiar}" 
									 process="@this" update="@form"
									 title="#{msg['sistema.limpiar']}" alt="#{msg['sistema.limpiar']}"/>
				</h:panelGroup>
				
			</h:panelGroup>
		</h:form>
		
	</ui:define>
</ui:composition>